<template>
    <view class="iconfont" :class="['icon-'+type]" 
	:style="{color:color,'font-size':fontSize,'line-height':Height}" 
	@click="onClick()"></view>
</template>

<script>
    export default {
        props: {
            /**
             * 图标类型
             */
            type: String,
            /**
             * 图标颜色
             */
            color: String,
            /**
             * 图标大小
             */
            size: String,
			/* 
			 *高度，设置行高
			 */
			height:String,
			/* 加粗 */
			weight:[Boolean,String]
        },
        computed: {
            fontSize() {
                return `${this.size}px`
            },
			Height(){
				return `${this.height}px`
			}
        },
        methods: {
            onClick() {
                this.$emit('click')
            }
        }
    }
</script>

<style>
    @import "../static/iconfont/font.css";
</style>
